<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, user-scalable=no, maximun-scale=1.0, minimum-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./iconfont/iconfont.css">
  <link rel="stylesheet" href="./css/mine.css">
</head>

<body>
  <div id="app">
    <div class="login">
      <div class="login-logo">
        <img src="./images/login-logo.png" alt="">
        <a href="#">登录/注册</a>
      </div>
    </div>
    <div class="order">
      <span>我的订单</span>
      <span>全部订单</span>
      <div class="more"></div>
    </div>
    <div class="nav">
      <span>
        <div class="icon"></div>待付款
      </span>
      <span>
        <div class="icon"></div>待收货
      </span>
      <span>
        <div class="icon"></div>退换修
      </span>
    </div>
    <div class="help-con">
      <div class="help-item">
        <div class="top clearfix">
          <div class="item1">
            <img src="./images/item1.png" alt="">
          </div>
          <div class="item2">会员中心</div>
          <div class="item3"><span></span></div>
        </div>
        <div class="bottom">
          <div class="item1">
            <img src="./images/item2.png" alt="">
          </div>
          <div class="item2">我的优惠</div>
          <div class="item3"><span></span></div>
        </div>
      </div>

      <div class="help-item">
        <div class="top clearfix">
          <div class="item1">
            <img src="./images/item3.png" alt="">
          </div>
          <div class="item2">服务中心</div>
          <div class="item3"><span></span></div>
        </div>
        <div class="bottom">
          <div class="item1">
            <img src="./images/item4.png" alt="">
          </div>
          <div class="item2">小米之家</div>
          <div class="item3"><span></span></div>
        </div>
      </div>

      <div class="help-item">
        <div class="top clearfix">
          <div class="item1">
            <img src="./images/item5.png" alt="">
          </div>
          <div class="item2">我的F码</div>
          <div class="item3"><span></span></div>
        </div>
        <div class="bottom">
          <div class="item1">
            <img src="./images/item6.png" alt="">
          </div>
          <div class="item2">礼物码兑换</div>
          <div class="item3"><span></span></div>
        </div>
      </div>

      <div class="help-item">
        <div class="top clearfix">
          <div class="item1">
            <img src="./images/item7.png" alt="">
          </div>
          <div class="item2">设置</div>
          <div class="item3"><span></span></div>
        </div>
      </div>
    </div>
    <div class="footer">
      <span class="home" target="footer-current-icon">
        <div class="icon"></div>首页
      </span>
      <span>
        <div class="icon"></div>分类
      </span>
      <span>
        <div class="icon"></div>米圈
      </span>
      <span>
        <div class="icon"></div>购物车
      </span>
      <span class="personal">
        <div class="icon"></div>我的
      </span>
    </div>
  </div>
  </div>
</body>

<script src="./js/project.js"></script>

</html>